<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="content-type" content="text/html;charset=UTF-8">
    <title>Title</title>
</head>
<body>
   <input id="t1" type="text" />
    <input id="a1" type="button" value="添加" />

    <ul id="u1">
        <li>1</li>
        <li>2</li>
    </ul>
   <script src="jquery-1.12.4.js"></script>
   <script>
       $('#a1').click(function () {
           var v = $('#t1').val();
           var temp = "<li>" + v + "</li>";
           $('#u1').append(temp);
       });
       $('ul').delegate('li', 'click', function () {
           var v = $(this).text();
           alert(v);
       })
   </script>
</body>
</html>